<template>
  <div class="screen-Center">
    <police-resource-distribution></police-resource-distribution>
    <important-people-early-warning></important-people-early-warning>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import policeResourceDistribution from './policeResourceDistribution/index.vue'
import importantPeopleEarlyWarning from './importantPeopleEarlyWarning/index.vue'
@Component({
  name: 'screen-Center',
  components: {
    policeResourceDistribution,
    importantPeopleEarlyWarning
  }
})
export default class ScreenCenter extends Vue {}
</script>

<style lang="scss" scoped>
.screen-Center {
  width: calc(49.06% - 10px - 10px);
  height: 100%;
  margin: 0 10px;
}
</style>
